<!--
 * @Author: linzaifei 1609781601@qq.com
 * @Date: 2025-07-22 09:00:22
 * @LastEditors: linzaifei 1609781601@qq.com
 * @LastEditTime: 2025-07-23 16:22:34
 * @FilePath: /amap-web-vr/src/views/home/control/vc-my-zuji/vc-my-zuji-close-button.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="vc-sign-control-button" :style="positionStyle">
        <div class="vc-button"  @click="onClick(0)">
            <span >关闭</span>
        </div>
        <div class="vc-button"  @click="onClick(1)">
            <span >保存</span>
        </div>
    </div>
</template>

<script setup lang="ts">
import { positionProps, usePosition } from "../composables/usePosition";
const props = defineProps({
  ...positionProps,
});
const { positionStyle } = usePosition(props);
const emit = defineEmits(['tap']);
const onClick=(index:number)=>{
    emit('tap', { event: 'click',index});    
}
</script>
<style>
.vc-sign-control-button {
    position: absolute;
    top: 40px !important;
    left: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    span{
        font-size: var(--font-size-xs) !important;
        font-weight: bold !important;
    }
    .vc-button{
        margin-right: 10px;
    }
    
}

</style>